<template>
  <div class="zzhjjc">
    
    <el-row>
        <el-col :span="24" >
            <h2 class="section-title">种植环境监测</h2>
        </el-col>
        <el-col :span="24">
            <el-row :gutter="20">
                <el-col :span="6">
                    <div class="zzcard">  

                        <div class="cardtitle">
                            <svg t="1754152264776" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="77106" width="40" height="40"><path d="M554.666667 682.666667v42.666666h85.333333v85.333334H384v-85.333334h85.333333v-42.666666H170.666667V213.333333h682.666666v469.333334h-298.666666z m0-85.333334h213.333333V298.666667H256v298.666666h298.666667z" fill="#2e7d32" p-id="77107"></path></svg>
                            <span>土壤质量</span>
                        </div>
                        <span class="content1">优质</span>
                        <span class="content2">有机质含量: 3.2%</span>
                        
                    </div>
                </el-col>
                <el-col :span="6">
                    <div class="zzcard">
                        
                        <div class="cardtitle">
                            <svg t="1754153533968" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="78402" width="40" height="40"><path d="M512 85.333333c32.853333 0 331.008 252.842667 331.008 522.325334a331.008 331.008 0 1 1-662.016 0C180.992 341.205333 479.104 85.333333 512 85.333333z m0.213333 100.266667l-3.541333 2.944-6.485333 5.504a851.712 851.712 0 0 0-101.674667 106.154667C316.586667 404.053333 266.325333 512.554667 266.325333 607.658667a245.674667 245.674667 0 1 0 491.349334 0c0-96.426667-50.176-205.056-134.101334-308.48a836.693333 836.693333 0 0 0-107.946666-110.805334l-3.413334-2.773333zM512 628.437333c62.208 103.168 170.538667 65.621333 195.370667-13.141333a194.730667 194.730667 0 0 1-57.216 138.154667A194.730667 194.730667 0 0 1 512 810.666667a194.730667 194.730667 0 0 1-138.154667-57.216 194.730667 194.730667 0 0 1-57.173333-138.154667c32.426667-76.032 133.12-90.026667 195.328 13.141333z" p-id="78403" fill="#2e7d32"></path></svg>
                            <span>土壤质量</span>
                        </div>
                        <span class="content1">优质</span>
                        <span class="content2">有机质含量: 3.2%</span>

                    </div>
                </el-col>
                <el-col :span="6">
                    <div class="zzcard">
                        
                        <div class="cardtitle">
                            <svg t="1754153690595" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="83795" width="40" height="40"><path d="M839.68 0S706.56 120.32 716.8 153.6c10.24 33.28 35.84 81.92 48.64 81.92s64-2.56 74.24-74.24c12.8-74.24 0-161.28 0-161.28z m-112.64 312.32s2.56-53.76 92.16-61.44c89.6-5.12 125.44-15.36 143.36-40.96 15.36-25.6-97.28 130.56-135.68 145.92-38.4 17.92-110.08 10.24-99.84-43.52zM665.6 427.52s7.68-40.96 79.36-35.84c71.68 2.56 143.36-15.36 148.48-30.72 7.68-15.36-99.84 133.12-143.36 151.04-43.52 17.92-71.68 23.04-81.92 10.24-7.68-12.8-30.72-64-2.56-94.72zM593.92 588.8s7.68-40.96 66.56-40.96c58.88-2.56 97.28 5.12 138.24-25.6 40.96-30.72-5.12 40.96-38.4 74.24-35.84 33.28-40.96 69.12-84.48 71.68-40.96 2.56-89.6 23.04-92.16-2.56-2.56-23.04-2.56-64 5.12-71.68l5.12-5.12zM537.6 732.16c12.8-10.24 40.96-20.48 71.68-17.92 30.72 2.56 117.76-5.12 135.68-30.72 17.92-25.6-43.52 61.44-79.36 94.72-35.84 33.28-81.92 74.24-122.88 51.2-38.4-23.04-30.72-74.24-5.12-97.28z m92.16-696.32s25.6 130.56 69.12 166.4c46.08 33.28 15.36 92.16 2.56 102.4-12.8 7.68-79.36 30.72-104.96-35.84-23.04-66.56-5.12-197.12 33.28-232.96z m-69.12 176.64s10.24 168.96 81.92 184.32c71.68 15.36-33.28 35.84-33.28 61.44 0 23.04-87.04 17.92-92.16-51.2-2.56-69.12-2.56-143.36 43.52-194.56z m-79.36 161.28s84.48 148.48 92.16 174.08c7.68 25.6 17.92 38.4-2.56 48.64-20.48 10.24-81.92 35.84-99.84 5.12-15.36-28.16-43.52-130.56 10.24-227.84z m-76.8 148.48s112.64 156.16 112.64 176.64c-2.56 20.48-10.24 74.24-43.52 79.36-33.28 5.12-84.48 28.16-84.48-51.2 0-81.92 20.48-148.48 15.36-204.8z m38.4 273.92s61.44 35.84 71.68 33.28c10.24-2.56-112.64 194.56-112.64 194.56l-38.4-5.12c2.56 0 79.36-161.28 79.36-222.72zM171.52 232.96s-28.16 122.88-10.24 138.24c20.48 15.36 53.76 33.28 61.44 28.16 7.68-5.12 38.4-28.16 12.8-74.24-23.04-46.08-64-92.16-64-92.16zM227.84 460.8s-20.48-33.28 28.16-71.68c48.64-40.96 66.56-61.44 66.56-81.92 0-20.48-5.12 115.2-20.48 140.8-15.36 23.04-58.88 48.64-74.24 12.8z m10.24 92.16s-12.8-25.6 30.72-53.76 76.8-66.56 74.24-79.36c-2.56-12.8-5.12 117.76-23.04 145.92-17.92 28.16-30.72 43.52-43.52 38.4-7.68-2.56-40.96-23.04-38.4-51.2z m23.04 122.88s-10.24-25.6 23.04-51.2 58.88-35.84 69.12-71.68c10.24-35.84 12.8 25.6 7.68 58.88-7.68 33.28 2.56 56.32-20.48 74.24-23.04 17.92-43.52 48.64-53.76 35.84-10.24-12.8-25.6-35.84-25.6-43.52v-2.56z m23.04 104.96c2.56-10.24 15.36-28.16 33.28-40.96 17.92-12.8 66.56-51.2 66.56-74.24 0-20.48-2.56 53.76-7.68 87.04-7.68 33.28-17.92 76.8-51.2 79.36-30.72 5.12-46.08-28.16-40.96-51.2zM64 340.48s66.56 66.56 104.96 66.56c38.4 2.56 46.08 48.64 40.96 58.88-5.12 10.24-33.28 51.2-74.24 23.04-40.96-30.72-81.92-112.64-71.68-148.48z m28.16 130.56s71.68 94.72 120.32 74.24c46.08-20.48-5.12 35.84 5.12 48.64s-43.52 46.08-71.68 7.68c-30.72-38.4-61.44-84.48-53.76-130.56z m17.92 125.44s107.52 51.2 122.88 64c15.36 12.8 25.6 15.36 17.92 30.72-7.68 15.36-33.28 53.76-53.76 43.52-23.04-12.8-79.36-58.88-87.04-138.24z m12.8 117.76s128 43.52 133.12 56.32c7.68 12.8 23.04 48.64 5.12 64-17.92 15.36-38.4 51.2-69.12 5.12-28.16-48.64-43.52-94.72-69.12-125.44z m133.12 143.36s51.2-2.56 53.76-10.24c5.12-5.12 12.8 158.72 12.8 158.72l-23.04 12.8c-2.56 0-20.48-125.44-43.52-161.28z" p-id="83796" fill="#2e7d32"></path></svg>
                            <span>土壤质量</span>
                        </div>
                        <span class="content1">优质</span>
                        <span class="content2">有机质含量: 3.2%</span>

                    </div>
                </el-col>
                <el-col :span="6">
                    <div class="zzcard">
                        
                        <div class="cardtitle">
                            <svg t="1754153765745" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="85060" width="40" height="40"><path d="M783.8208 996.5056H217.9072a112.896 112.896 0 0 1-95.7952-50.6368 98.1504 98.1504 0 0 1-7.2704-95.232L359.936 307.6096V196.4032h-22.6304a34.048 34.048 0 0 1-34.048-34.048V69.2224a34.048 34.048 0 0 1 34.048-34.048h332.032a34.048 34.048 0 0 1 34.048 34.048v93.184a34.048 34.048 0 0 1-34.048 34.048h-27.4944v107.1104a18.944 18.944 0 0 0 1.6896 7.8336l243.4048 539.2384a98.1504 98.1504 0 0 1-7.2704 95.232 112.896 112.896 0 0 1-95.8464 50.6368zM414.0032 196.4032v112.64a47.9232 47.9232 0 0 1-4.4032 19.712L163.84 872.96a44.5952 44.5952 0 0 0 3.4304 43.6224 59.0848 59.0848 0 0 0 50.3808 25.856h566.1696a59.0848 59.0848 0 0 0 50.3808-25.856 44.5952 44.5952 0 0 0 3.4304-43.6224L594.2272 333.6704a72.6528 72.6528 0 0 1-6.5024-30.1056V196.4032zM357.3248 142.336h291.84V89.2928h-291.84z" fill="#2e7d32" p-id="85061"></path></svg>
                            <span>土壤质量</span>
                        </div>
                        <span class="content1">优质</span>
                        <span class="content2">有机质含量: 3.2%</span>

                    </div>
                </el-col>
            </el-row>
        </el-col>
    </el-row>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.zzhjjc{
    padding: 30px;
}
.zzcard{
    background-color: #f5f5f5;
    height: 150px;
    border-radius: 20px;
    padding: 20px;

    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: start;
}
.cardtitle{
    display: flex;
    justify-content: start;
    align-items: center;
}
.cardtitle span{
    font-size: 20px;
    font-weight: 500;
}
.content1{
    font-size: 25px;
    color: #4caf50;
}
.content2{
    color: #777777;
}
</style>